export const formats = [
    'header',
    'font',
    'size',
    'bold',
    'italic',
    'underline',
    'strike',
    'blockquote',
    'list',
    'bullet',
    'indent',
    'link',
    'image',
    'color',
    'size',
    'video',
    'align',
    'background',
    'direction',
    'code-block',
    'code',
];
const alignments = ['left', 'center', 'right', 'justify'];
const alignBindingHandler  =  (range: Range, context: any) => {
  console.log(range, context);
};
export const RichTextData = {
    toolbar: {
      container: [
        [{'header': [1,2, 3, 4, 5, false]}],
        [{'font': []}],
        [{ 'color': [] }, { 'background': [] }],
        [{ align: '' }, { align: 'center' }, { align: 'right' }, { align: 'justify' }],
        ['bold', 'italic', 'underline', 'strike'],
        [{ 'list': 'ordered' }, { 'list': 'bullet' }],
        [{ 'script': 'sub' }, { 'script': 'super' }],
        [{ 'indent': '-1' }, { 'indent': '+1' }],
        [{ 'direction': 'rtl' }],
        ['link', 'image'],
        ['clean']
      ],
    },
    keyboard: {
      bindings: {
        alignLeft: {
          key: 'L',
          format: 'align',
          value: 'left',
          ctrlKey: true,
          handler: alignBindingHandler
        },
        alignCenter: {
          key: 'E',
          format: 'align',
          value: 'center',
          ctrlKey: true,
          handler: alignBindingHandler
        },
        alignRight: {
          key: 'R',
          format: 'align',
          value: 'right',
          ctrlKey: true,
          handler: alignBindingHandler
        },
        alignJustify: {
          key: 'J',
          format: 'align',
          value: 'justify',
          ctrlKey: true,
          handler: alignBindingHandler
        }
      }
    }
  }